<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>开始使用 layui</title>
		<!--引入CSS样式文件-->
		<link rel="stylesheet" href="../../static/lib/layui-v2.6.3/css/layui.css">
	</head>
	<body>

		<!--form表单元素：
			1、输入框 text
			2、密码框 password
			3、下拉框 select
			4、复选框（勾选框）checkbox
			5、单选按钮 radio
			6、文本域 textarea
			7、提交按钮 submit
			8、重置按钮 reset  
		-->
		<!-- checkbox、select、radio 一定要放到form标签中并且设置form标签的样式class=“layui-form”才会生效 -->
		<!-- form表单中非空验证要配合提交按钮才会生效 -->
		<form action="" method="get" class="layui-form">
			<div class="layui-form-item">
				<label class="layui-form-label">书名</label>
				<div class="layui-input-inline">
					<input type="text" id="name" name="name" readonly class="layui-input">
				</div>
			</div>


			<div class="layui-form-item">
				<label class="layui-form-label">作者</label>
				<div class="layui-input-inline" >
					<input type="text" id="author" name="author" readonly class="layui-input" />
				</div>
			</div>


			<div class="layui-form-item"  >

				<div class="layui-inline" >

					<label class="layui-form-label">价格</label>
					<div class="layui-input-inline" style="width: 15%" >
						<input type="text" id="price" name="price" readonly class="layui-input" />
					</div>


					<label class="layui-form-label">销量</label>
					<div class="layui-input-inline" style="width: 15%" >
						<input type="text" id="sales" name="sales" readonly class="layui-input"  />
					</div>

					<label class="layui-form-label">库存</label>
					<div class="layui-input-inline" style="width: 15%" >
						<input type="text" id="stocks" name="stocks" readonly class="layui-input"  />
					</div>

				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">封面</label>
					<div class="layui-inline" >
						<div class="layui-input-inline">
							<input type="text" id="imgPath" name="imgPath" readonly class="layui-input"  />
						</div>
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">出版日期</label>
					<div class="layui-inline" >
						<div class="layui-input-inline">
							<input type="text" id="createTime" name="createTime" readonly class="layui-input"  />
						</div>
					</div>
				</div>
			</div>

		</form>



	</body>


	<script src="../../static/lib/layui-v2.6.3/layui.js" charset="UTF-8" ></script>
	<script scr="../../static/js/lay-config.js?v=1.0.4" charset="UTF-8" ></script>



</html>
